@extends('content.layouts.default')
@section('content')
    <div class="card">
        <div class="card-body">
            <ul class="nav nav-tabs nav-overflow header-tabs">
                <li class="nav-item">
                    <a href="{{route('content.articlemodel.index')}}" class="nav-link pb-3 active">
                        文章列表
                    </a>
                </li>
                <li class="nav-item">
                    <a href="{{route('content.selectcategory')}}" class="nav-link pb-3">
                        发表文章
                    </a>
                </li>
            </ul>
        </div>
        <div class="card-body">
            <table class="table">
                <thead>
                <tr>
                    <th>编号</th>
                    <th>文章标题</th>
                    <th>所属栏目</th>
                    <th>发表时间</th>
                    <th>作者</th>
                </tr>
                </thead>
                <tbody>
                @foreach($articles as $v)
                    {{--dd([$v,$v->category])--}}
                    <tr>
                        <td scope="row">{{$v['id']}}</td>
                        <td>{{$v['title']}}</td>
                        {{--文章所属栏目名称--}}
                        {{--注意这里通过对象调用category方法的时候使用$v->category()返回的是belongto()对象,使用$v->category的时候返回的是查找到的关联的CategoryModel表中的数据--}}
                        <td>{{$v->category->title}}</td>
                        <td>{{$v['created_at']->format('Y/m/d')}}</td>
                        <td>{{$v['author']}}</td>
                        <td class="text-right">
                            <div class="btn-group btn-group-sm" role="group" aria-label="First group">
                                <a href="{{route('content.articlemodel.edit',$v['id'])}}"
                                   class="btn btn-light btn-sm">编辑</a>
                                <form action="{{route('content.articlemodel.destroy',$v['id'])}}" method="post">
                                    @csrf
                                    @method('DELETE')
                                    <button type="button" class="btn btn-sm btn-dark" onclick="del(this)">删除</button>
                                </form>
                                <div>
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>

    </div>
    {{--通过传递调用传递过来的$articles对象的links()方法实现显示分页的页码信息--}}
    {{$articles->links()}}
    @endsection
@push('js')
    <script>
        function del(obj) {
            if(confirm('确定要删除吗?')){
                obj.submit()
            }
        }
    </script>


    @endpush